/* ，创建购物车的 store 模块 */
//将Vuex模块共享
export default {
  // 为当前模块开启命名空间
  namespaced: true,
  // 模块的 state 数据（//存放状态）
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),

  // 模块的 mutations 方法（类似于vue中的methods）
  mutations: {
    addCart(state, goods) {
      /*  根据提交的商品的Id，查询购物车中是否存在这件商品
        如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象 */
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      console.log(findResult)
      if (!findResult) {
        // 如果购物车中没有这件商品，则直接 push
        state.cart.push(goods)
      } else {
        // 如果购物车中有这件商品，则只更新数量即可
        findResult.goods_count += 1
      }
      //调用方法
      this.commit('m_cart/saveToStorage')
    },
    //将购物车的数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    //将商品持久化存储到本地
    updateGoods_State(state, goods) {
      const temp = state.cart.find(x => x.goods_id === goods.goods_id)
      if (temp) {
        temp.goods_state = goods.goods_state
        //调用方法持久化到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    //将商品数量持久化存储到本地
    updateGoods_Count(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const temp = state.cart.find(x => x.goods_id === goods.goods_id)
      if (temp) {
        temp.goods_count = goods.goods_count
        //调用方法持久化到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    // 根据 Id 从购物车中删除对应的商品信息
    removeGoodscart(state, goods_id) {
      // 调用数组的 filter 方法进行过滤
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      this.commit('m_cart/saveToStorage')
    },
    //实现全选按钮功能
    updateFullCheck(state, inFullCheck) {
      // 循环更新购物车中每件商品的勾选状态
      state.cart.forEach(x => x.goods_state = inFullCheck)
      this.commit('m_cart/saveToStorage')
    }
  },
  // 模块的 getters 属性（相当于vue中的计算属性）
  getters: {
    // 统计购物车中商品的总数量
    total(state) {
      let c = 0
      state.cart.forEach(x => c += x.goods_count)
      return c
    },
    //统计勾选商品的总数量
    radioTotal(state) {
      /* 先使用 filter 方法，从购物车中过滤器已勾选的商品
       再使用 reduce 方法，将已勾选的商品总数量进行累加
       reduce() 的返回值就是已勾选的商品的总数量 */
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    //计算已勾选的商品的总价
    checkRadioSum(state) {
      /* 先使用 filter 方法，从购物车中过滤器已勾选的商品
         再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
         reduce() 的返回值就是已勾选的商品的总价
         最后调用 toFixed(2) 方法，保留两位小数 */
      return state.cart.filter(x => x.goods_state).reduce((sum, item) =>
        sum += item.goods_count * item.goods_price, 0).toFixed(2)
    }
  }
}
